<template>
	<view class="repair-report" >
		<!-- 列表 -->
		<view class="list-box" v-for="(item,index) in dataList" :key="index"  >
			<view>
				<span class="font-32 color-000" >客户信息：</span>
				<span class="color-000" >
					<span class="font-32 color-000" >{{item.name}}</span>
					<span  v-if="item.phone" >- {{item.phone}}</span>
				</span>
			</view>
			<view>
				<span>墓位信息：</span>
				<span>{{item.address}}</span>
			</view>
			<view>
				<span>逝者信息：</span>
				<span>{{item.info}}</span>
			</view>
			<view>
				<span>报修事项：</span>
				<span>{{item.matter}}</span>
			</view>
			<view>
				<span>补充说明：</span>
				<span>{{item.message}}</span>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				dataList:[
					{
						name:'郝健',
						phone:'18234567234',
						address:'青竹镇孝荣村一区二排0002号',
						info:'王天兰-女-2018-03-03 22:45逝世',
						matter:'更换墓碑',
						message:'暂无'
					}
				]
			};
		}
	}
</script>

<style lang="less">
.repair-report{
	font-size: 28upx;
	padding: 0 40upx;
	padding-top: 20upx;
	color: #333333;
	.list-box{
		display: flex;
		flex-direction: column;
		border-bottom: 2upx solid #e4e4e4;
		margin-bottom: 30upx;
		padding-bottom: 20upx;
		view{
			display: flex;
			flex: 1;
			margin-bottom: 30upx;
			align-items: center;
			span:first-child{
				width: auto;
				color: #7f7f7f;
			}
			span:last-child{
				flex: 1;
				color: #33333;
			}
		}
	}
	
	.font-32{
		font-size: 32upx !important;
	}
	.color-000{
		color: #000000 !important;
	}
}
</style>
